<div class="logMgmtContainer">
    <div class="log-mgmt-bar">
        <div><span>搜索关键词：</span><input nz-input placeholder="输入关键操作或者系统异常信息搜索" /></div>
        <div><span>选择日期：</span><nz-range-picker nzMode="month" [(ngModel)]="date" ></nz-range-picker></div>
        <button nz-button nzType="primary">查询</button>
        <button nz-button style="background:'green';color:'#fff';border-color:'transparent'">导出</button>
    </div>
    <nz-table #basicTable [nzData]="mock_data" nzSize="middle" [nzShowSizeChanger]="true" [nzShowQuickJumper]="true" [nzPageSize]="5">
        <thead>
            <tr>
                <th>类别</th>
                <th>类型</th>
                <th>操作人</th>
                <th>创建时间</th>
            </tr>
        </thead>
        <tbody>
            <tr *ngFor="let data of basicTable.data">
                <td>{{ data.category }}</td>
                <td>{{ data.type }}</td>
                <td>{{ data.people }}</td>
                <td>{{ data.create_time}}</td>
            </tr>
        </tbody>
    </nz-table>
</div>